<template>
  <div class="zhuCe">
    <span class="back" @click="back()">&lt;</span>
    <main>
      <section>
        <p class="title">注册</p>
        <Place @shuju="demo"/>
        <Start :name="name" :pwd="pwd" :rPwd="rPwd"/>
      </section>
    </main>
  </div>
</template>

<script>
import Place from '@/components/zhuCe/zhuCe_place.vue'
import Start from '@/components/zhuCe/zhuCe_start.vue'
export default {
  data(){
    return{
      name:'',
      pwd:'',
      rPwd:''
    }
  },
  components:{
    Place,
    Start
  },
  methods: {
    back(){
      this.$router.push('/login');
    },
    demo(shuju){
      this.name = shuju.name;
      this.pwd = shuju.pwd;
      this.rPwd = shuju.rPwd;
    }
  },
}
</script>

<style scoped>
  .zhuCe .back{
    position: absolute;
    left: .15rem;
    top: .15rem;
    font-size: .24rem;
    font-weight: 700;
  }
  .zhuCe section{
    min-height: 5rem;
    padding: 0 .15rem;
  }
  .zhuCe .title{
    padding: 0 .15rem;
    margin-top: .84rem;
    font-size: .26rem;
    font-weight: 700;
    margin-bottom: .35rem;
  }
</style>